<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link th:href="@{/js/el/element.css}" rel="stylesheet"  type="text/css"/>
    <script th:src="@{/js/vue.min.js}" type="text/javascript"></script>
    <script th:src="@{/js/el/element.js}" type="text/javascript"></script>
    <script th:src="@{/js/axios.js}" type="text/javascript"></script>
</head>
<body>
    <div id="app">
        <div th:include="~{common/head-myhome::head}"></div>
        <div style="display: flex;margin-top: 40px">
            <div style="width: 220px;text-align: center">
                <el-menu
                        default-active="1"
                        class="el-menu-vertical-demo"
                        text-color="#fff"

                        active-text-color="#ffd04b">
                    <el-menu-item index="1">
                        <el-link slot="title" href="/api/user/myblogs"
                                 target="targetText" icon="el-icon-reading">
                            我的文章</el-link>
                    </el-menu-item>

                    <el-menu-item index="2">
                        <el-link slot="title" href=""
                                 target="targetText" icon="el-icon-chat-line-round">
                            评论管理</el-link>
                    </el-menu-item>

                    <el-menu-item index="3">
                        <el-link slot="title" href="/api/user/compile"
                                 target="targetText" icon="el-icon-edit">
                            发表文章</el-link>
                    </el-menu-item>


                </el-menu>
            </div>

            <div>
                <iframe src=""  name="targetText" style="width: 1300px; height: 1000px"></iframe>
            </div>

        </div>
    </div>
</body>
<script>
    new Vue({
        el: "#app",
        data:{
            tabPosition: 'left'
        },
        methods:{

        },
        mounted: function(){

        }
    })
</script>
</html>